<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>允许在任何元素上聚焦：tabindex</title>
	</head>
	<body>
		<!-- 第二选中 具有 tabindex="0" 的元素将排在那些具有 tabindex ≥ 1 的元素的后面。 -->
		<div tabindex="0">div1</div>

		<!-- 第三选中 -->
		<input type="text" />

		<!-- 第一选中 -->
		<div tabindex="1">div2</div>

		<!-- tabindex="-1" 只允许以编程的方式聚焦于元素。Tab 键会忽略这样的元素，但是 elem.focus() 有效。 -->
		<div tabindex="-1">div3</div>
	</body>
</html>
